<template>
  <div style="position: relative">
    <zzz :title="asd"></zzz>
  </div>
</template>

<script>
import zzz from '@/components/zzz'

export default {
  components: { zzz },

  created() {
    console.log(123)
  },

  data() {
    return {
      asd: {
        q: 'qwe',
        a: 'asd'
      },
      isShowCard: false
    }
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.qwe {
  height: 100px;
  width: 100px;
  background-color: aquamarine;
  transition: all 0.5s linear;
}

.zxc {
  height: 100px;
  width: 200px;
  background-color: rgb(20, 46, 5);

  position: absolute;

  z-index: 2;
  top: 50px;
}
</style>
